import * as BASE from '@/stores/definitions-base';
import { DatePicker2, Input, Switch } from '@alifd/next';
import { t } from '@lingui/macro';
import React from 'react';
import { ellipsisRender } from '@/components/TauTable';
import TauSimpleSelect from '@/components/TauSimpleSelect';
import moment from 'moment';
import TauRichEditor from '@/components/TauRichEdit';

const {
  DATETIME_TEXT,
  DATE_TEXT,
  TIME_TEXT,
  EMPTY_TEXT,
  ENUMS: ENUMSBase,
  FieldsGrid: FieldGridBase,
  TitleGrid,
  column: columnBase,
  toSelectDataSource,
} = BASE;
export { DATETIME_TEXT, DATE_TEXT, EMPTY_TEXT, TIME_TEXT, TitleGrid, toSelectDataSource };

/**
 * @param {*} path        属性path
 * @param {*} props       column属性
 * @returns column定义
 */
export function column(...args) {
  return columnBase(model, ...args);
}

/**
 * 显示一组表单字段
 * ```js
 * {
 *   fields: string[],    // 字段名称，可以使用.来指定嵌套对象属性，例如order.busOrder.shift
 *   columns: number,     // 列数，默认为4,最大为12,最小为1
 *   model: object,       // 字段定义数据模型的根对象，默认不指定，仅在使用子对象作为根模型时设置
 *   overrideModel: object, // 重载字段定义数据模型
 *   mode: string,        // 表单模式，默认为edit，可选view
 *   itemLayout: object,  // FormItem布局配置，默认为{}
 * }
 * ```
 *
 * @param {object} param0
 * @returns
 */
export function FieldsGrid(props) {
  return <FieldGridBase model={model} {...props} />;
}

//----------------------------------------------------------------------
export const ENUMS = {
  ...ENUMSBase,
  // <br/> - 0 已驳回<br/> - 1 申请中<br/> - 2 已提交<br/> 前端提交
  state: {
    '-1': t`已取消`,
    0: t`已驳回`,
    1: t`申请中`,
    2: t`已提交`,
  },
  // <br/> - 0 车票退款<br/> - 1 包车退款<br/> - 2 其他退款
  refundType: {
    0: t`车票退款`,
    1: t`取消订单`,
    2: t`其他退款`,
  },
  // 1-包车订单 2-班车订单 3-巴士订单
  orderType: {
    1: t`包车订单`,
    2: t`班车订单`,
    3: t`巴士订单`,
    4: t`拼车订单`,
  },
  OTHER_REFUND_TABS: [
    { key: '0', title: t`未退款` },
    { key: '1', title: t`已退款` },
  ],
};

/**
 * 模型定义：
 * 1. 普通文本仅需要定义label
 * 2. 需要通过枚举转换的值，定义text; 当使用renderer返回组件时，text属性无效，需要通过组件的renderPreview来指定预览时的绘制方式
 * 3. 通用的ui属性需要定制时，定义ui; 特定模式(view, edit, add)下的ui，添加后缀定义为ui_<mode>，例如：ui_view, ui_edit, ui_add, ui_table
 * 4. ui可配置属性包括:
 *    renderer: 内容渲染函数, Form表单中的原型为：(value: any, formData: any, fieldDefinition: any) => ReactNode; Table Column中的原型为: (value: any, columnIndex: number, rowData: any) => ReactNode;
 *    itemProps: 表单Form.Item的属性，可以是对象，或函数({ isPreview: boolean, mode: string, value: any, formData: any, ...otherDefinitions}) => void;
 *    span: Grid Cell占用的列数, 默认为1
 *
 * 【注】获取接口的model定义后，vscode中通过正则替换：^(\s+)"label": "([^']+)"  ===> $1label: t`$2`
 */
export const model = {

  // 退款记录
  applicationId: {
    label: t`申请编号`,
  },
  state: {
    label: t`退款申请状态`,
    text: (v) => ENUMS.state[v],
  },
  refundId: {
    label: t`退款流水号`,
  },
  serviceCharge: {
    label: t`手续费`,
  },
  type: {
    label: t`退款类型`,
    text: (v) => ENUMS.refundType[v],
  },
  refunded: {
    label: t`财务是否退款<br/> - false 未退款<br/> - true 已退款`,
  },
  refundTime: {
    label: t`实际退款时间`,
    text: DATETIME_TEXT,
  },
  distanceTime: {
    label: t`距离时间`,
  },
  cancelTime: {
    label: t`退款申请时间`,
    text: DATETIME_TEXT,
  },
  refundPrice: {
    label: t`申请退款金额`,
    text: (v, r) => {
      const filterPrice = r?.refundInfos?.filter((p) => p.refundChannel !== 'WX');
      const totalPrice = filterPrice?.reduce((acc, item) => {
        const { refundPrice } = item;
        const total = acc + refundPrice;
        return total;
      }, 0);
      return <span>{totalPrice?.toFixed(2)}</span>;
    },
  },
  cancelRemark: {
    label: t`申请说明`,
  },
  rejectRemark: {
    label: t`驳回说明`,
  },
  rejectTime: {
    label: t`驳回时间`,
  },
  attachments: [{
    label: t`附件`,
    title: {
      label: t`附件标题`,
    },
    description: {
      label: t`附件说明`,
    },
    binaryId: [{
      label: t`附件id`,
    }],
  }],
  orderInfo: {
    label: t`关联订单信息`,
    directRoute: {
      label: t`包车订单必须字段，本次退款是针对哪个任务<br/> false-A段/直达<br/> true-B段`,
    },
    orderId: {
      label: t`订单id`,
    },
    suborderId: {
      label: t`子订单号`,
    },
    orderType: {
      label: t`订单类型：1-包车订单 2-班车订单 3-巴士订单`,
    },
    orderPrice: {
      label: t`订单价格`,
    },
    orderState: {
      label: t`订单状态`,
    },
    orderTime: {
      label: t`出行时间`,
    },
    name: {
      label: t`申请人`,
    },
  },
  refundPayers: [{
    label: t`退款出资方，如果没有调整分账方数据则不需要上传`,
    pendingSettlementAmount: {
      label: t`待分账金额（单位：分）`,
    },
    settled: {
      label: t`是否分账<br/> false - 未分账（还可调整分账方和退款）<br/> true - 已分账（不可调整分账方，如果去退款需要提示已分账是否还进行退款）`,
    },
    refundedAmount: {
      label: t`已退款金额（单位：分）`,
    },
    contributionAmount: {
      label: t`本次退款出资金额（单位：分）`,
    },
    targetType: {
      label: t`帐户类型<br/> 由调用方根据分账方身份类型定义，例如：COMPANY,PARTNER,CHANNEL等`,
    },
    targetId: {
      label: t`targetType下的帐户标识`,
    },
    targetName: {
      label: t`帐户名`,
    },
  }],
  ticketRefundInfos: [{
    label: t`车票退款信息<br/> 注：如果只是忽略车票则只需要把忽略的车票传递上来`,
    ticketCode: {
      label: t`车票号`,
    },
    isReturn: {
      label: t`是否回程 0：去程，1：回程`,
    },
    passengerName: {
      label: t`乘客名`,
    },
    originalPrice: {
      label: t`原票价`,
    },
    serviceCharge: {
      label: t`手续费`,
    },
    operatingState: {
      label: t`中港通状态`,
    },
    state: {
      label: t`车票状态`,
    },
    refundPrice: {
      label: t`退款金额`,
    },
    operatorRefundPrice: {
      label: t`中港通退款金额`,
    },
    operatorRefundTime: {
      label: t`运营商退款时间`,
    },
  }],
  // 前端新增字段
  channelType: {
    label: t`退款平台`,
    text: (v, r) => {
      const collectChannel = r.refundInfos.filter((p) => p.refundChannel !== 'WX').map((p) => p.refundChannel);
      const channelSource = {};
      for (const item of r.order.discountInfos) {
        channelSource[item.source] = item.sourceName;
      }
      return <span>{collectChannel.map((p) => channelSource[p]).join('、')}</span>;
    },
  },
};
